* {
	-webkit-tap-higlight-color: transparent;
   	-webkit-user-select: none;	
}

body {
	background-color: #000;
}

#game_port {
	background-color: #000;
}

@font-face {
	font-family: 'DroidSerifBold';
	src: url(fonts/DroidSerif-Bold.ttf);
}

a {
	font-family: 'DroidSerifBold';
	color: #3a5f8d;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

.clear { clear: both }

/* Title Screen */

#main_title {
	position: absolute;
	width: 400px;
	height: 140px;
	background: url(images/main_title.png) no-repeat;
}

#title_options {
	position: absolute;
	width: 480px;
	height: 128px;
	padding-top: 5px;
	border:2px solid white;
	z-index: 4;
	background: url(images/bkgnd-inner.png) #000;
}

div.title_option {
	text-align: center;
	line-height: 48px;
}

div.title_option a {
	font-size: 24pt;
}

div.title_option a:hover {
	text-shadow: #fff 0px 0px 20px;
}

div.title_text {
	margin: 15px 15px 20px 15px;
	font-family: 'DroidSerifBold';
	color: #fff;
	size: 16pt;
}

/* Game */

#in_game_title {
	width: 218px;
	height: 102px;
	background: url(images/in_game_title.png) no-repeat;
}

#playfield {
	position: absolute;
	width: 320px;
	height: 640px;
	border:2px solid white;
	z-index: 4;
	background: url(images/bkgnd-inner.png) no-repeat #000;
}

div.tile {
	width: 40px;
	height: 40px;
	background-image: url(images/tile.png);
	background-repeat: no-repeat;
}

div.tile.red {
	background-color: #b30303;
}
div.tile.yellow {
	background-color: #ffc000;
}
div.tile.green {
	background-color: #009900;
} 
div.tile.ltblue {
	background-color: #0099ff;
}
div.tile.blue {
	background-color: #0043cc;
}
div.tile.purple {
	background-color: #9f15ab;
}
div.tile.orange {
	background-color: #df740c;
}

div.tile.player_red {
	background-color: #b30303;
	-webkit-box-shadow: rgba(179,3,3,1.0) 0px 0px 40px; 
}
div.tile.player_yellow {
	background-color: #ffc000;
	-webkit-box-shadow: rgba(255,192,0,1.0) 0px 0px 40px; 
}
div.tile.player_green {
	background-color: #009900;
	-webkit-box-shadow: rgba(0,153,0,1.0) 0px 0px 40px; 
} 
div.tile.player_ltblue {
	background-color: #0099ff;
	-webkit-box-shadow: rgba(0,153,255,1.0) 0px 0px 40px; 
}
div.tile.player_blue {
	background-color: #0043cc;
	-webkit-box-shadow: rgba(0,67,204,1.0) 0px 0px 40px; 
}
div.tile.player_purple {
	background-color: #9f15ab;
	-webkit-box-shadow: rgba(159,21,171,1.0) 0px 0px 40px;
}
div.tile.player_orange {
	background-color: #df740c;
	-webkit-box-shadow: rgba(223,116,12,1.0) 0px 0px 40px;
}

div.tile_empty_float {
	float: left;
	width: 40px;
	height: 40px;
}

/* UI */

#next_piece_disp {
	position: absolute;
	width: 100px;
	height: 100px;
	border:2px solid #888;
	z-index: 4;
	background: url(images/bkgnd-inner.png) no-repeat #000;
}

#lines_disp {
	position: absolute;
	width: 100px;
	height: 90px;
	padding-top: 10px;
	border:2px solid #888;
	z-index: 4;
	background: url(images/bkgnd-inner.png) no-repeat #000;
}

div.disp_large {
	width: 100px;
	text-align: center;
	font-family: 'DroidSerifBold';
	font-size: 36pt;
	color: #fff;
}

div.disp_caption {
	width: 100px;
	text-align: center;
	font-family: 'DroidSerifBold';
	font-size: 12pt;
	color: #3a5f8d;
}

div.piece_preview {
	margin-left: auto; margin-right: auto;
	width: 160px;
	height: 160px;
	zoom: 40%;
}

#in_game_controls {
	position: absolute;
	width: 200px;
	height: 25px;
	left: 800px;
	top: 685px;
	font-size: 18pt;
	text-align: center;
}

#in_game_controls a:hover {
	text-shadow: #fff 0px 0px 10px;
}

/* Dialog */

#dialog_overlay {
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 50;
}

#dialog {
	position: absolute;
	width: 640px;
	height: 320px;
	border:2px solid #fff;
	z-index: 51;
	/* background: url(images/bkgnd-inner.png) #000; */
	background-color: #000;
	-webkit-box-shadow: rgba(0,0,0,1.0) 0px 0px 200px;
}

#game_over {
	text-align: center;
	font-family: 'DroidSerifBold';
	font-size: 48pt;
	color: #fff;
	margin-top: 90px;
	margin-bottom: 40px;
}

div.dialog_links {
	font-size: 18pt;
	text-align: center;
}

div.about {
	text-align: center;
	font-family: 'DroidSerifBold';
}

div.about div {
	font-size: 18pt;
	color: #fff;
	text-align: center;
}

div.about div.title {
	margin-top: 15px;
	font-size: 22pt;
	text-align: center;
	color: #3a5f8d;
}